<!-- 第二个项目简介 -->
<template>
  <div class="mbmain">
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>黑马头条|移动端的程携|黑马面面(B站项目-移动端)</span>
      </div>
      <div class="container">
        <img src="../../assets/images/ydd/1.png" alt="" style="width: 45%;">
        <img src="../../assets/images/ydd/2.png" alt="" style="margin-left: 10px; width: 45%;">
        <img src="../../assets/images/ydd/3.png" alt="" style="margin-top: 10px; width: 45%;">
        <img src="../../assets/images/ydd/4.png" alt="" style="margin-top: 10px; margin-left: 10px; width: 45%;">
        <img src="../../assets/images/ydd/5.png" alt="" style="margin-top: 10px; width: 45%;">
        <img src="../../assets/images/ydd/6.png" alt="" style="margin-top: 10px; margin-left: 10px; width: 45%;">
      </div>
    </el-card>
  </div>
</template>
<script>
export default {
  data() {
    return {
    }
  },
  methods: {
  },
  created() {
  },
  mounted() {
  }
}
</script>
<style lang="less" scoped>
/deep/.el-main {
  overflow: none;
  height: 0;
}

.mbmain {
  overflow-y: scroll;
  height: 600px;
}

.box-card {
  width: 100%;
  background-color: rgba(242, 242, 242, 0.6);
  margin-bottom: 10px;
}

.clearfix span {
  font-size: 16px;
  font-weight: 700;
  color: #555555;
}

.container {
  width: 100%;
  background-color: transparent;
  // height: 60vh;
  border-radius: 10px;
}
</style>
